<template>
  <div id="app">
    <Navbar />
    <content1 />
    <content2 />
    <content3 />
    <content4 />
    <content5 />
    <content6 />
    <content7 />
    <content8 />
    <content9 />
  </div>
</template>

<script>
import Navbar from "./components/Navbars.vue";
import content1 from "./components/content1.vue";
import content2 from "./components/content2.vue";
import content3 from "./components/content3.vue";
import content4 from "./components/content4.vue";
import content5 from "./components/content5.vue";
import content6 from "./components/content6.vue";
import content7 from "./components/content7.vue";
import content8 from "./components/content8.vue";
import content9 from "./components/content9.vue";
export default {
  name: "App",
  components: {
    Navbar,
    content1,
    content2,
    content3,
    content4,
    content5,
    content6,
    content7,
    content8,
    content9,
  },
};
</script>

<style>
* body html li ul {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
html {
  background-color: #fffaf5;
  min-width: 550px;
}
button {
  outline: none;
}
input {
  outline: none;
}
</style>
